/**
导航
 */
:root {
  //亮色背景
  --bg-1: #212227;
  --bg-2: #ecedf0;
  --bg-3: #f4f6f9;
  --bg-4: #f6f7fb;
  --bg-5: #ffffff;

  /*文字颜色*/
  --text-color: #222222;
  --text-color-title: #313135;
  --text-color-sub-title: #666666;
  --text-color-secondary-title: #999999;

  /**文字大小*/
  --font-size-1: 28px;
  --font-size-2: 18px;
  --font-size-3: 16px;
  --font-size-4: 14px;
  --font-size-5: 12px;

  --default-height: 32px;
  --color-sblue: #006efe;
  --color-sblue-hover: rgba(82,140,223, 0.7);
  --color-sred-hover: rgba(223,99,63, 0.85);

  --el-text-color-regular: var(--text-color) !important;
}

.sj-link-sblue:hover {
  color: var(--color-sblue-hover) !important;
}

.sj-link-sred:hover {
  color: var(--color-sred-hover) !important;
}

.layout-theme-light
  body[layout="mix"]
  .navbar
  .el-menu--horizontal
  .el-menu-item.is-active {
  color: white !important;
  background-color: var(--el-color-primary);
}

.app-main .el-scrollbar__view {
  background-color: var(--bg-4);
}

.main-content {
  margin: 16px !important;
  min-height: calc(100% - 32px) !important;
  //background-color: var(--bg-5);
  position: relative;
  //display: flex;
}

.el-pagination {
  button,
  .el-pager li {
    height: var(--default-height) !important;
  }
}

// 按钮

.el-button {
  height: var(--default-height) !important;
}

// 按钮

//  -----------------  tooltip
.el-popper.is-dark {
  color: #ffffff !important;
  background-color: #242e48 !important;
  border: 1px solid #242e48 !important;
  max-width: 340px !important;
  box-shadow: 0 3px 5px rgba(1, 1, 3, 0.3);
}

.el-date-editor.el-input,
.el-date-editor.el-input__wrapper {
  height: auto !important;
}

// ----------------- 表单

.el-form-item {
  margin-bottom: 16px !important;
}

.el-form-item__label {
  color: var(--text-color-secondary-title) !important;
}

.el-form--default.el-form--label-top .el-form-item .el-form-item__label {
  margin-bottom: 0 !important;
}

.el-input__inner {
  height: calc(var(--default-height) - 2px) !important;
}

.el-select__wrapper {
  min-height: var(--default-height) !important;
}

.el-select-dropdown__item {
  transition: all 0.3s;
  //margin: 0 10px;
  //border-radius: 6px;
}

.el-select-dropdown__item:hover {
  background-color: var(--el-color-primary-light-9) !important;
}

// ----------------- 表单

// ----------------- table
.el-table .el-table__cell {
  padding: 15px 0 !important;
}

.el-table th.el-table__cell {
  background-color: var(--bg-4) !important;
}

.el-table thead {
  color: var(--text-color) !important;
}

.el-table td.el-table__cell {
  color: var(--text-color-title) !important;
}

.el-table td.el-table__cell:hover {
  color: var(--text-color) !important;
}

.el-table--enable-row-hover .el-table__body tr:hover > td.el-table__cell {
  background-color: var(--bg-3) !important;
}
.el-table__empty-block {
  background-color: #fff;
}
// ----------------- table

// -------------------- 详情展示 el-descriptions
.el-descriptions__label:not(.is-bordered-label),
.el-descriptions__label.el-descriptions__cell.is-bordered-label{
  color: var(--text-color-secondary-title) !important;
  font-weight: normal!important;
}

.el-descriptions__body .el-descriptions__table .el-descriptions__cell {
  vertical-align: top;
}

.el-descriptions__body
  .el-descriptions__table:not(.is-bordered)
  .el-descriptions__cell {
  padding-bottom: 20px !important;
}

.el-descriptions__label.el-descriptions__cell:not(
    .is-bordered-label
  ).is-vertical-label {
  padding-bottom: 0 !important;
}
.el-overlay-dialog {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;

  // --------------------- 弹窗 dialog
  .el-dialog.pure-dialog.is-fullscreen {
    margin: 0 !important;
  }
  .el-dialog.pure-dialog {
    // border-radius: 16px !important;
    padding: 0 !important;
    margin: 80px 0 !important;
    .el-dialog__header {
      padding: 16px !important;
      border-bottom: 1px solid var(--bg-2);
    }
    .el-dialog__body {
      padding: 16px !important;
    }
    .el-dialog__footer {
      padding: 0 16px 16px 16px !important;
    }
  }

  .el-dialog__title {
    font-size: 16px !important;
    font-weight: 600;
  }

  .el-dialog__headerbtn {
    width: 24px !important;
    height: 56px !important;
  }
}

.splitter-pane-resizer.vertical {
  width: 1px;
  background-color: #000;
}

.el-text {
  line-height: 1.4;
}
